<template>
  <view class="tools">
    <view class="tool-item" @click="toPage('/pages/HadaColorPicker/index')">颜色选择器</view>
    <view class="tool-item" @click="toPage('/pages/HadaCanvasPoster/index')">json图片合成工具</view>
    <view class="tool-item">更多敬请期待</view>
  </view>
</template>

<script setup lang="ts">

const toPage = (url)=>{
  uni.navigateTo({url})
}

</script>

<style lang="scss">
.tools {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20rpx 0;
  .tool-item{
    padding: 10rpx;
    cursor: pointer;
    border-bottom: #f2f2f2 2rpx solid;
  }
}
</style>
